#sidebar {
  .global-items {
    display: flex;
    flex-direction: column;
    background: $global-sidebar-bg;
    .nav-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      font-size: 18px;
      color: rgba($theme-base, 0.38);
      &:hover {
        color: $text-dark;
        transition: color 0.15s ease-in-out;
      }
      &.active {
        color: $text-dark;
        > span {
          background: rgba($theme-base, 0.08);
        }
      }
      > span {  
        height: 36px;
        // width: 100%;
        // border-radius: 0 36px 36px 0;
        width: 36px;
        border-radius: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.15s ease-in-out;
      }
      .material-icons {
        font-size: 24px;
      }
    }
  }
}
